// 获取所有商品元素
const products = document.querySelectorAll('.product');

// 为每个商品元素添加鼠标移入和移出事件监听器
products.forEach(product => {
    // 获取商品图片元素
    const img = product.querySelector('img');
    // 获取商品描述元素
    const description = product.querySelector('p');

    // 鼠标移入事件
    img.addEventListener('mouseenter', () => {
        // 显示商品描述
        description.style.display = 'block';
    });

    // 鼠标移出事件
    img.addEventListener('mouseleave', () => {
        // 隐藏商品描述
        description.style.display = 'none';
    });
});